<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Autoware.Auto Valet Parking</title>

        <link rel = "stylesheet"  type = "text/css"  href = "main.css" />

        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
        <link rel="manifest" href="/site.webmanifest">

        <script type="text/javascript" src="roslib.min.js"></script>
        <script src="script.js" defer></script>
    </head>

    <body>
        <header>
            <h1>Autoware.Auto</h1>
            <h2>Valet Parking</h2>
        </header>
        <main>
            <div name="park_forward" class="button">Head-in park</div>
            <div name="park_reverse" class="button">Reverse park</div>
            <div name="return" class="button">Return to drop-off area</div>
        </main>
    </body>
</html>
